<template>
<div>
  <div class="title">项目管理</div>
  <div class="project-row">
    <project-card v-for="(p,i) in projects" :key="i" :project="p" ></project-card>
  </div>
</div>
  <!-- <te-card>
    <template #header>
      <div class="title">项目管理</div>
    </template>
    <template #content>
        
      <te-table :data="table_data" class="history-table">
        <template #table-set>
          <colgroup>
            <col width="26%" />
            <col width="18%" />
            <col width="18%" />
            <col width="18%" />
            <col width="20%" />
          </colgroup>
        </template>
        <template #thead>
          <th>项目名</th>
          <th >游戏类型</th>
          <th >语言</th>
          <th >创建时间</th>
          <th >操作</th>
        </template>
        <template #content="{data}">
          <td v-for="(d,index) in data" :key="index">{{ d }}</td>
          <td>
            
          </td>
        </template>
      </te-table>
      
    </template>
  </te-card> -->
</template>

<script>
import TeCard from "@/components/TeUi/TeCard";
import TeTable from "@/components/TeUi/TeTable";
import ProjectCard from "./ProjectCard";

export default {
  name: "HistoryCard",
  components: {
    TeCard,
    TeTable,
    ProjectCard
  },
  props: {},
  data() {
    return {
      table_data: [
        ["11", "RimWorld", "En", "2020-1-1"],
        ["11", "RimWorld", "En", "2020-1-1"],
        ["11", "RimWorld", "En", "2020-1-1"],
        ["11", "RimWorld", "En", "2020-1-1"],
        ["11", "RimWorld", "En", "2020-1-1"],
        ],
      projects:[
        {id:1,name:"Project",game:"",language:"en",}
      ]
    };
  }
};
</script>

<style scoped>
.title {
  line-height: 1em;
  margin-bottom: 10px;
}

.history-table {
  /* height: 100%; */
  height: calc(100% - 36px);
  display: flex;
  flex-direction: column;
}

.history-table >>> .table-body{
  height: 100%;
}


.project-row{
  display: flex;
}



</style>